<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blogmer Documentation</title>

<style type='text/css' media='all'>@import url('../css/userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../css/userguide.css' />
<link type="text/css" rel="stylesheet" href="../css/SyntaxHighlighter.css"></link>
<script language="javascript" src="../js/shCore.js"></script>
<script language="javascript" src="../js/shBrushXml.js"></script>
<script language="javascript" src="../js/shBrushPhp.js"></script>
<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
</head>
<body>
<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"></div></div>
<div id="nav2"><a name="top">&nbsp;</a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>Blogmer beta 2</h1></td>
<td id="breadcrumb_right"><a href="table_of_content.html">Table of contents</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
  <p><a href="http://speedovation.org/" >Speedovation</a> &nbsp;&#8250;&nbsp;
      <a href="../index.html">User Guide Home</a> &nbsp;&#8250;&nbsp;
    Table of contents</p>
  </td>

</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />

<!-- START CONTENT -->
<div id="content">

<div id="content2">
  <h1>Theme Introduction</h1>
  <p>We’ve created a super simple way to design themes. Single  php template for complete template design. <br />
Normal blog template consists of header, sidebar, content  and footer. We’ve similar structure but within the same file giving value  to div  id’s as header, content, sidebar, footer. Now We’ll talk each segment one by  one.<br />
</p>
  <h1>Header</h1>
  
  <pre name="code" class="php:collapse">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; 
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt; 
&lt;head&gt; 
&lt;title&gt;&lt;?=$title?&gt;&lt;/title&gt; 
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;meta  http-equiv=&quot;description&quot; content=&quot;Free open source &quot; /&gt; 
&lt;meta http-equiv=&quot;keywords&quot; content=&quot;Free,open,source,blog&quot;/&gt; 
&lt;meta http-equiv=&quot;author&quot; content=&quot;Yashpal&quot; /&gt; 
&lt;meta name=&quot;robots&quot; content=&quot;index, follow, noarchive&quot; /&gt; 
&lt;meta name=&quot;googlebot&quot; content=&quot;noarchive&quot; /&gt; 
&lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?=base_url()?&gt;themes/themefoldername/images/theme.css&quot; type=&quot;text/css&quot; /&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;!-- wrap starts here --&gt; 
&lt;div id=&quot;wrap&quot;&gt; 	
	&lt;!--header --&gt; 	
	&lt;div id=&quot;header&quot;&gt;
 		&lt;h1 id=&quot;logo-text&quot;&gt;&lt;a href=&quot;&lt;?=base_url()?&gt;&quot; title=&quot;&quot;&gt;&lt;?=$this-&gt;session-&gt;userdata('BLOGName')?&gt;&lt;/a&gt;&lt;/h1&gt;
 		&lt;p id=&quot;slogan&quot;&gt;&lt;?=$this-&gt;session-&gt;userdata('BLOGTitle')?&gt;&lt;/p&gt;		 		 		
		&lt;div id=&quot;top-menu&quot;&gt; &lt;p&gt; &lt;a href=&quot;&lt;?=base_url()?&gt;users/Register&quot;&gt;Register&lt;/a&gt; | &lt;a href=&quot;&lt;?=base_url()?&gt;users/Login&quot;&gt;login&lt;/a&gt;&lt;/p&gt; 		&lt;/div&gt;
 	&lt;/div&gt;    
  &lt;!--header ends--&gt;	</pre>
  <p >You can <strong>change anything</strong> like meta tags, proper css link, and other custom data. Just play with html content without any worry.</p>
  <ul>
    <li>base_url() a known CI function to get site path .</li>
  </ul>
  <p class="important">If you don't know  php syntax it's recommended <strong>Don't touch any php code</strong>.</p>
  
  <p>&nbsp;</p>
  <h1>Content</h1>
  <p>This section consist of four sub parts. Its simple once you get the logic. Read all the four section for detailed information.</p>
 
  <h2>Single Post {where='post'}</h2>
  <p>First one is  single post</p>
  <p>In this section we receive an array </p>
  <ul>
    <li>$post['title_link']</li>
    <li>$post['author_name']</li>
    <li>$post['categories']</li>
    <li>$post['content']</li>
    <li>$post['read_comments']</li>
    <li>$post['comment_form']</li>
    </ul>
  <p>HTML code for above array</p>
  <pre name="code" class="php:collapse">
//single post
&lt;h2&gt;&lt;?=$post['title_link']?&gt;&lt;/h2&gt;
&lt;p class=&quot;post-info&quot;&gt;
Posted by &lt;?=$post['author_name']?&gt; | Filed under &lt;?=$post['categories']?&gt; &lt;/p&gt;
&lt;p&gt;&lt;?=$post['content']?&gt;&lt;/p&gt;
&lt;p&gt;&lt;?=$post['read_comments']?&gt;&lt;/p&gt;
&lt;p&gt;&lt;?=$post['comment_form']?&gt;&lt;/p&gt;
</pre>

  <h2>2D Array  {where='loop'}</h2>
  <p>Second type is 2d array. Each single value of array contains</p>
  <ul>
      <li>$blogmer['date']</li>
        <li>$blogmer['post_title']</li>
        <li>$blogmer['post_status']</li>
        <li>$blogmer['content']</li>
        <li>$blogmer['categories']</li>
        <li>$blogmer['author_name']</li>
        <li>$blogmer['title_link']</li>
        <li>$blogmer['comment_link]</li>
        <li>$blogmer['comment_no']</li>
        <li>$blogmer['total_comments']</li>
        <li> $blogmer['full']</li>
    </ul>
  <p>So to get data we need to execute loop.</p>
  <p>Here is live code example</p>
  <pre name="code" class="php:collapse">
for($i=0;$i&lt;count($allposts)-1;$i++)	
{ 
  $comments=base_url().'blog/post/'.url_title($allposts[$i]['post_title']).'#comments'; ?&gt;
  &lt;h2&gt;&lt;?=$allposts[$i]['title_link'];?&gt;&lt;/h2&gt;
  &lt;p class=&quot;post-info&quot;&gt;Posted by &lt;?=$allposts[$i]['author_name'];?&gt; | Filed under &lt;?=$allposts[$i]['categories'];?&gt; &lt;/p&gt;
  &lt;p&gt;&lt;?=$allposts[$i]['content'];?&gt;&lt;/p&gt;
  &lt;p class=&quot;post-footer&quot;&gt; 
         &lt;a href=&quot;&lt;?=$comments?&gt;&quot; class=&quot;comments&quot;&gt;Comments : &lt;?=$allposts[$i]['comment_no'];?&gt;&lt;/a&gt;
         &lt;span class=&quot;date&quot;&gt;&lt;?=$allposts[$i]['date'];?&gt;&lt;/span&gt;	
  &lt;/p&gt;
  &lt;?php	
 } //end of for loop
  ?>
  </pre>
  <p>&nbsp;</p>
  <h2>Array with 2 value {where='page'}</h2>
  
  <p>An array returns  2 values.</p>
  <ul>
    <li>$page[title_link']</li>
    <li>$page['content']</li>
  </ul>
  <pre name="code" class="php:collapse"> &lt;h2&gt;&lt;?=$page['title_link']?&gt;&lt;/h2&gt;
 &lt;p&gt;&lt;?=$page['content']?&gt;&lt;/p&gt;
</pre>
  <h2>Single variable {where='single'}</h2>
    <p>Returns a $content variable. It contains string based html output;</p>
    <pre name="code" class="php:collapse"> 
&lt;?php break;
case 'single':     ?&gt;
&lt;p&gt;&lt;?=$content?&gt;&lt;/p&gt;</pre>

    <h1>Sidebar</h1>
    <pre name="code" class="php:collapse">&lt;div id=&quot;sidebar&quot;&gt;<br />	   &lt;?php <br />			 echo $search_form;<br />			 echo $categories;<br />			 echo $latest_posts;<br />			 echo $latestcomment;<br />		     echo $archives;<br />			 echo $users;<br />			 echo $tag_clouds;			 <br />			 echo $calendar;<br />		?&gt;<br />						<br />		&lt;!-- sidebar ends  --&gt;		<br />	  &lt;/div&gt;		</pre>
    <ul>
      <li>  $search_form : It will generate a search form.</li>
      <li> $categories: it will generate categories list.</li>
      <li> $latest_posts : it will generate latest 10 posts (by default). You can change number by editing blog_helper.</li>
      <li> $latestcomment: it will generate latest 10 comments (by default). You can change number by editing blog_helper.</li>
      <li> $archives: it will generate month &amp; year based archive list.</li>
      <li> $users: It will generate two seperate content for guest and members.</li>
      <li> $tag_clouds : Tags cloud for blog.</li>
      <li> $calendar : Generate a calendar with highlighted today.</li>
    </ul>
    <p>You can place these variables wherever you want for custom themes.</p>
    <p>&nbsp;</p>
    <h1>Footer</h1>
    <p class="important">Don't remove any copyright.</p>
    <p>If you have created, modified or developed just add your own credit/copyright here.</p>
    <pre name="code" class="php:collapse">&lt;!-- footer starts --&gt;		 	
&lt;div id=&quot;footer&quot;&gt; 						 			
&lt;p&gt; 			 
© 2008 Speedovation. All rights reserved.&amp;nbsp;&amp;nbsp;   			 			
Powered By : &lt;a href=&quot;http://www.speedovation.org/&quot; target=&quot;_blank&quot;&gt;Blogmer &lt;/a&gt; &amp;nbsp;&amp;nbsp;| &amp;nbsp;&amp;nbsp;&amp;nbsp; 
Design by : &lt;a href=&quot;http://www.styleshout.com/&quot; target=&quot;_blank&quot;&gt;styleshout&amp;nbsp;&amp;nbsp;&lt;/a&gt; | &amp;nbsp;&amp;nbsp; 			
Valid &lt;a href=&quot;http://validator.w3.org/check?uri=referer&quot; target=&quot;_blank&quot;&gt;XHTML&lt;/a&gt; |  			
&lt;a href=&quot;http://jigsaw.w3.org/css-validator/check/referer&quot; target=&quot;_blank&quot;&gt;CSS&lt;/a&gt; 			    		&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/p&gt;				 	 	
&lt;!-- footer ends--&gt; 	
</pre>
</div>
</div>
<!-- END CONTENT -->


<div id="footer">
<p><a href="#top">Top of Page</a></p>
<p><a href="http://speedovation.com">Speedovation</a> &nbsp;&middot;&nbsp; Copyright &#169; 2007-2008 &nbsp;&middot;&nbsp; <a href="http://speedovation.org/">Blogmer</a></p></div>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '..js/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>
</html>